<!DOCTYPE html>
<html lang="en">

<head>
    <title>图文预览</title>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <script type="text/javascript">


        var s = location.search;
        if (s.indexOf("&") == -1)
            s = s.substring(4, s.length);
        else {
            s = s.substring(4, s.indexOf("&"));
        }

        var xhr = new XMLHttpRequest();
        xhr.open("GET", "/admin/rich-text/preview?id=" + s, true);
        xhr.send(null);
        xhr.onreadystatechange = function () {
            if (xhr.status === 200 && xhr.readyState === 4) {
                document.querySelector(".rich-text").innerHTML = xhr.responseText;
            }
        }
    </script>


    <style type="text/css">
        /**
        样式矫正
         */
        *,
        *:after,
        *:before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .rich-text img {
            border-radius: 3px;
            margin-bottom: -4px;
            max-width: 100%
        }

        .rich-text {
            overflow-x: hidden;
        }
    </style>
</head>

<body>
    <div class="rich-text">
    </div>
</body>

</html>